/* ===================================== */
/* = Page Container Color (Background) = */
/* ===================================== */
body,.page-container,.page-bgcolor {
	background-color:#F2F4F7;
}

/*#main {
  margin-left:255px;
  width: calc(100% - 255px);
  overflow-x: hidden;
}

#side {
  width: 255px;
}*/

/* =================================== */
/* = Background Colors (Non-Buttons) = */
/* =================================== */
.bgc-primary {
	background-color: #868F9C !important;
	color: white;
}
.tc-primary {
	color: #272527 !important;
}

.bgc-secondary {
	background-color: #32323B !important;
	color: white;
}
.tc-secondary {
	color: #32323B !important;
}

.bgc-tertiary {
	background-color: #DFDCDF !important;
	color: #1c1c1c;
}
.tc-tertiary {
	color: #DFDCDF !important;
}

/* =============================== */
/* = Background Colors (Buttons) = */
/* =============================== */
.btn.bgc-primary {
	background-color: #3F4994 !important;
	color: white;
}
.btn.bgc-primary:hover {
/*	# 1BB0D8*/
	background-color: #3F4994 !important;
	opacity: 0.8;
	color: white !important;
}

.btn.bgc-secondary {
	background-color: #3D3B42 !important;/*#7DC9CA*/
	color: white;
}
.btn.bgc-secondary:hover {
	background-color: #3D3B42 !important;
	opacity: 0.8;
	color: white;
}

/* ===================== */
/* = OTHER ADJUSTMENTS = */
/* ===================== */

/*Make the text color that is supposed to be black this color*/
.tc-black {color: #222022 !important}

.radio-btn input:checked + label{
	background-color: #5AC0C7!important;
}


.active:hover, .radio-btn input:hover + label{
	background-color:  #4C4C51 !important;
}


.btn.form-submit-loading{
	background-color: transparent !important;
}

html,h1,h2,h3,h4,h5,h6,a:not(.lg-icon),label,p,div {
	font-family: 'Open Sans', sans-serif;
}